<template>
  <div class="technicalServiceAgreement">
    <u-nav-bar :title="'货物运输技术服务协议'" />
    <div class="technicalServiceAgreement__ct">
      <p class="title">货物运输技术服务协议</p>
      <p class="item">
        本协议系由您与:随你运（天津）科技有限公司（“随你运”）就您使用随你运提供的货物运输技术服务相关事宜所订立的有效合约。本协议项下您与随你运合称为“双方”，单独地称为“一方”。
      </p>
      <p class="item">
        您通过在随你运平台相关页面勾选/点击“确认”、“提交”、“同意”或“接受”或以其他方式确认接受本协议或已实际享有本协议项下的权益或已实际执行本协议项下的约定（“确认”），即表示双方已达成协议并同意接受本协议全部约定内容的约束。
      </p>
      <p class="item">
        在确认本协议之前，请您仔细阅读本协议的全部内容（特别是以粗体及／或下划线标注的内容）。如您不同意本协议的任意内容，或者无法准确理解本协议任何条款的含义，请不要进行确认及后续操作。
      </p>
      <p class="item">第一条 定义</p>
      <p class="item">
        1.1
        随你运平台：指随你运（天津）科技有限公司运营的可供用户发布车辆信息及/或货源信息、搜索货源信息及/或车辆信息、联系车辆及/或货主及/或接受其他物流信息服务/物流增值服务的软件/网站平台，包括但不限于“随你运司机”APP、“随你运货主”APP
        、“随你运企业版”PC端、微信公众号、小程序等软件/网站/网页/程序。
      </p>
      <p class="item">
        1.2 托运人：指使用随你运平台服务的、有货物运输需求并向承运人支付运费的自然人、法人或其他主体，下称“您”。
      </p>
      <p class="item">1.3 承运人：指为托运人提供或组织货物运输服务并与托运人达成货物运输交易的主体。</p>
      <p class="item">
        1.4
        货运信息：指由托运人提供、确认并经随你运平台相关页面显示的货物信息（包括但不限于货物名称、性质／类型、数量／重量、体积等）、装货地点、装卸方式、装货时间、卸货地点、到货时间、运费、支付方式、车长车型、收货人信息及／或托运人备注等信息。
      </p>
      <p class="item">第二条 技术服务内容及收费</p>
      <p class="item">
        1.
        您通过随你运平台发布货物运输需求（“货运信息”）后，随你运平台向平台内司机用户推送您发布的货运信息。您可以通过随你运平台自行与承运人达成货物运输交易，随你运平台为交易双方生成运单，自动生成货物运输协议供交易双方在线签署。承运人按照双方运输协议约定为您提供货物运输服务后，您按照双方运输协议约定向承运人支付运费。
      </p>
      <p class="item">
        2.
        随你运在您通过随你运平台进行货物运输交易的过程中为您提供信息匹配、在线交易、运单校验、在线支付等技术服务。随你运基于其向您提供的上述技术服务收取技术服务费，技术服务费标准暂定为运单运费的0%
        。除前述技术服务外，随你运在您通过随你运平台进行货物运输交易过程中向您提供其他服务（如电子协议、定位服务等）的，随你运有权就该服务另行收取相应费用，具体服务内容及收费标准以运单页面展示为准。
      </p>
      <p class="item">
        3.
        随你运有权根据业务调整与成本等因素的变化，调整技术服务费收取标准（“调整政策”），并通过随你运平台相关页面向您公示或以电子邮件、短信等其他形式通知您。上述调整政策的通知自随你运平台公示或通知发出之日起7日后生效，若您不接受调整政策的，您应在3日内告知随你运并应在调整政策生效后停止使用随你运提供的服务，否则，即视同您接受上述调整。
      </p>
      <p class="item">
        4.
        您通过随你运平台与承运人达成交易的运单符合《货物运输协议》关于代开货物运输增值税普通发票要求的，随你运根据您的要求，代承运人就承运人收取的全部运费金额向您开具增值税普通发票。
      </p>
      <p class="item">
        5.
        随你运仅为您与承运人提供中立、独立的第三方技术服务，您已经充分理解、确认并同意随你运不是您的代理或承运人的代理，不是货物运输服务的需求方或提供方，亦与您或承运人不存在任何挂靠、雇佣、合伙、合资、共同经营、委托运输或其他关系。
      </p>
      <p class="item">第三条 协议的变更与通知</p>
      <p class="item">
        1.
        您充分了解并同意，由于互联网服务的特殊性，随你运有权对本协议服务内容、服务方式等条款不时地进行调整。如随你运对本协议内容进行调整，将在相关页面提示或公示，修改后的协议或规则自动代替原来的协议或规则。您有义务不时关注并阅读最新版的协议、平台规则及平台公告。如您不同意更新后的协议、平台规则及平台公告的，可以且应立即停止接受服务；如您继续使用服务的，即视为同意更新后的协议、平台规则及平台公告。
      </p>
      <p class="item">
        2.
        本协议项下随你运对于您所有的通知均可通过随你运平台公告、电子邮件、手机短信、APP/服务器推送、常规信件或其他通讯方式进行；随你运可任意选择其中一种方式对您发出通知，以电子的方式发出的书面通知，在发送成功后即视为送达，以纸质载体发出的书面通知，按照您提供的联系地址交邮后的第五个自然日即视为送达；您确认，除您明确向随你运做出相反的意思表示外，您在通知送达时已知悉并接受通知之全部内容。
      </p>
      <p class="item">第四条 协议的解除及违约责任</p>
      <p class="item">1. 除本协议另有约定外，合作期限内，随你运有权提前7天通知后解除本协议而无需承担任何违约责任。</p>
      <p class="item">
        2.
        除本协议另有约定外，如果发生任何一方违反本协议约定的情形，守约方有权要求违约方在五日内纠正违约行为；如果违约方未能在限定期限内补正的，则守约方有权书面通知对方解除本协议；如因一方违约给守约方造成损失的，守约方有权要求违约方赔偿其直接或间接遭受的一切索赔、损失、责任、赔偿、费用及开支。
      </p>
      <p class="item">第五条 不可抗力</p>
      <p class="item">
        1.
        本协议中不可抗力是指本协议双方或一方不能合理控制、不可预见或即使预见亦无法避免的事件，该事件使任何一方根据本协议履行其全部或部分义务已不可能。该事件包括但不限于地震、台风、洪水、火灾或其它自然灾害，政府行为、战争、罢工、游行、骚乱或任何其它类似事件。
      </p>
      <p class="item">鉴于互联网之特殊性质，不可抗力亦包括下列影响互联网正常运行之情形：</p>
      <p class="item">（1）电信设备故障、公共网络故障、不稳定等原因导致的信息或服务延时、故障；</p>
      <p class="item">（2）该方网络平台收到计算机病毒侵袭、木马或其他恶意程序、黑客攻击破坏；</p>
      <p class="item">
        （3）电信部门及/或该方平台运营所所依赖的其他有关部门、机构出现调整或故障，因该方管理不善造成的损失不包含在内；
      </p>
      <p class="item">
        （4）国家相关主管部门颁布、变更法令、政策；或因政府管制而造成之暂时性关闭，因该方之过错导致的管制除外；
      </p>
      <p class="item">（5）一方的电脑软件、系统、硬件和通信线路出现故障；</p>
      <p class="item">（6）其他不可抗力因素。</p>
      <p class="item">
        2.
        因不可抗力妨碍、影响或延误任何一方根据协议履行其全部或部分义务的，遭受不可抗力的一方应及时通知另一方，并告知其该等不可抗力对协议可能产生的影响，并在合理期限内提供相关证明。
      </p>
      <p class="item">
        3.
        遭受不可抗力的一方可暂行中止履行本协议项下的义务直至不可抗力的影响消除为止，并且在不可抗力造成的损失范围内免责。
      </p>
      <p class="item">第六条 其他</p>
      <p class="item">
        1. 本协议自您按本协议文首列明的方式确认接受本协议之日起生效。本协议以电子版本订立，对您与随你运均有法律约束力。
      </p>
      <p class="item">
        2.
        双方对本协议的存在、内容以及在签署、履行本协议过程中及双方合作过程中所了解或接触到的对方的商业秘密严格保密，否则违约方应承担由此引起的一切后果以及赔偿责任。该等保密义务在本协议解除或终止后仍持续有效。
      </p>
      <p class="item">
        3.
        双方在履行本协议过程中发生的任何争议应通过协商方式解决；协商不成的，向本协议的签订地深圳市南山区有管辖权的人民法院提起诉讼。
      </p>
      <p class="item">
        4. 本协议为最终协议版本,并取代双方以前就该等事项而达成之全部口头或书面的协议、合约、理解和通信。
      </p>
      <p class="item">
        <br />
      </p>
    </div>
  </div>
</template>

<script lang="ts">
import { reactive, toRefs, defineComponent } from 'vue'
import { Toast } from 'vant'
import uNavBar from '@/components/NavBar.vue'

type Feedback = {
  currentModel: any
  currentSize: number
}
export default defineComponent({
  name: 'TechnicalServiceAgreement',
  components: {
    'u-nav-bar': uNavBar
  },

  // 只注重主流程的执行，不同业务的函数拆分出去，业务逻辑清晰明了
  setup() {
    const data: Feedback = reactive({
      currentModel: {
        remark: ''
      },
      currentSize: 0
    })

    return {
      ...toRefs(data)
    }
  }
})
</script>
<style lang="scss" scoped>
@import '@/style/variables.scss';
@import '@/style/mixins.scss';
.technicalServiceAgreement {
  @include flex-cloumn-width-height-100;
  background-color: white;
  &__ct {
    @include flex-scroll-content-pd(24px 12px 50px 12px);
    .title {
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      padding: 10px 0;
    }
    .sec__title {
      font-size: 12px;
      line-height: 20px;
      padding: 5px 0;
      margin-top: 10px;
    }
    .third__title {
      font-size: 12px;
      line-height: 20px;
      padding: 5px 0;
    }
    .item {
      font-size: 12px;
      line-height: 20px;
    }
    .desciption {
      text-align: right;
      margin-top: 20px;
      &__item {
        font-size: 12px;
        margin-top: 5px;
      }
    }
    img {
      width: 100%;
    }
  }
}
</style>
